$(()=>{
    // console.log("引入jquery成功")
//     给左侧商品添加时间
    //默认是新品
    loadGoodById(1)
    $(".category-list>ul>li").click(function (){
       let id = $(this).attr("id");//类别编号
       loadGoodById(id);
       $(".category-list>ul>li").removeClass("active")
       $(this).addClass("active");
    });

    //给商品列表中的商品添加点击事件，点击商品时跳转到商品详情页
    $(".good-list > ul ").on("click","li",function (e){
        let id = $(this).attr("id");
        // console.log(id);
        location.href = "/detail?id=" + id;//跳转到商品详情页
    });
});
//根据商品类别编号加载商品
function loadGoodById(id){
    //调用后台微服务结果
    $.ajax({
        url:"api/v1/goods",
        method:"GET",
        dataType:"json",
        data: {
            "category.id":id
        },
        success(resp){
            //后台响应成功回调函数
            let data = resp.data;//商品数组
            let  $ul = $(".good-list>ul");
            $ul.empty();//先清空ul下的所有商品
            data.forEach(item => {
                let $li = $("<li id='"+item.id+"'>");
                let $good = $("#good-template").clone()
                    .removeAttr("id").show();
                $good.find(".title").text(item.name);
                $good.find(".price").text(item.price);
                $good.find(".pic").css("background-image","url('" +site+item.pic+"')")
                $good.children().appendTo($li);
                $ul.append($li);
            })
        }
    });
}